<template>
   
    <div>{{ count }} <button @click="count++">+</button></div>
    <hr>
    <Child></Child>
</template>
<script lang='ts' setup>
import Child from './Child.vue';
import {onBeforeMount, onBeforeUnmount, onBeforeUpdate, onMounted, onUnmounted, onUpdated,ref} from 'vue'
const count=ref<number>(0)
onBeforeMount(()=>{
    console.log('parent--onBeforeMount')
})
onMounted(()=>{
    console.log('parent--onMounted');
})
onBeforeUpdate(()=>{
    console.log('parent--onBeforeUpdate');
})
onUpdated(()=>{
    console.log('parent--onUpdated');
})
onBeforeUnmount(()=>{
    console.log('parent--onBeforeUnmount');  
})
onUnmounted(()=>{
    console.log('parent--onUnmounted');
    
})
</script>
<style lang='scss' scoped>
</style>